<template>
    <div class="demo">
        <h2>姓名：{{name}}</h2>
        <h2>性别：{{sex}}</h2>
        <button @click="sendStudentName">发送学生姓名</button>
        <button @click="unbind">解绑自定义事件</button>
	</div>
</template>
<script>
    export default {
        name:'Student',
        data(){
           return {
            name:'张三',
            sex:'男'
           }
        },
        methods:{
            sendStudentName(){
                // 触发自定义的事件
                this.$emit('studentName',this.name,66,88)
            },
            unbind(){
                this.$off('studentName')  // 解绑一个自定义事件
                this.$off(['studentName','demo']) // 解绑多个自定义事件
                this.$off() // 解绑所有自定义事件
                this.$destroy() // 销毁当前实例对象，销毁后所有的自定义事件都不奏效
            }
        }
    }
</script>
<style scoped>
    .demo{
        background-color: orange;
    }
</style>